<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/app.css"/>
		<style type="text/css">
			*{background: initial;}
			.isrepaymentTitle{font-size: 18px;color: #333333;text-align: center;margin: 20px 0;}
			.isrepaymentNum{font-size: 30px;color: #FF8D01;text-align: center;line-height: 30px;}
			.isrepaymentText{margin: 30px 0 0 0;}
			.isrepaymentText p{width: 100%;display: block;height: 25px;line-height: 25px;color: #666666;}
			.isrepaymentText p span{display: inline-block;width: 40%;}
			.isrepaymentText p span:nth-of-type(1){width: 80%;text-align: left;}
			.isrepaymentText p span:nth-of-type(2){width: 20%;text-align: right;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav colorful">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">账单还款</h1>
		</header>
		<!--没有还款账单-->
		<!--<div class="mui-content">
			<div class="mui-content-padded">
				<div class="repayment">
					<img src="image/icon_stateless.png"/>
					<p>暂无还款明细哦</p>
				</div>
			</div>
		</div>-->
		<!--有还款账单-->
		<div class="mui-content" style="background: initial;">
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<p class="isrepaymentTitle">我要还款（元）</p>
						<p class="isrepaymentNum">￥1200</p>
						<div class="isrepaymentText">
							<p><span class="mui-pull-left">利息（元）  </span><span class="mui-pull-right">100.00</span></p>
							<p><span class="mui-pull-left">手续费（元）</span><span class="mui-pull-right">0.00</span></p>
							<p><span class="mui-pull-left">逾期违约金（元）</span><span class="mui-pull-right">0.00</span></p>
						</div>
					</div>
				</div>
			</div>
			<div class="mui-content-padded">
				<button class="mui-btn-block login_sginBtn">确认还款</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>